/* 顶部 */
.row-bg{
	position: fixed;
	z-index: 99;
}
.el-col {
	border-radius: 4px;
}
.bg-purple-dark {
	background: #99a9bf;
}
.grid-content {
	border-radius: 4px;
	min-height: 46px;
	text-align: center;
	padding: 0 8px;
	box-sizing: border-box;
}
.row-bg {
	width: 100%;
	box-sizing: border-box;
	padding: 6px 0;
	background-color: #f9fafc;
}
.user-icon{
	border-radius: 50%;
	text-align: center;
}
.search{
	padding: 8px;
	width: 100%;
	height: 32px;
	border-radius: 24px;
	background: #dfe9f3;
	box-sizing: border-box;
	position: relative;
}
.flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.icon-search{
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
}
.icon-message,.icon-moon{
	font-size: 24px;
	color: #666666;
}
.index-tabs{
	padding-top: 14vw;
}
.el-tabs__header {
	position: fixed;
	left: 1vw;
	right: 1vw;
	padding: 0 1vw;
	z-index: 99;
	background: #f8f8f8;
}
.el-tabs__nav-wrap{
}
.el-tabs__item{
	color: #666666;
	padding: 0 5vw;
}
.el-tabs__item.is-active{
	color: #f99aaa;
}
.el-tabs__active-bar{
	background-color: #f99aaa;
}
.el-tabs__nav-wrap::after{
	height: 1px;
	background-color: #eceff4;
}